<!--
 * @Description: 
 * @Version: V1.0.0
 * @Author: 周艳凯 484894717@qq.com
 * @Date: 2024-09-26 14:13:00
 * @LastEditors: 周艳凯 484894717@qq.com
 * @LastEditTime: 2024-11-12 16:24:53
 * @FilePath: index.vue
 * Copyright 2024 Marvin, All Rights Reserved. 
 * 2024-09-26 14:13:00
-->
<template>
  <view class="content">
    <image class="logo" src="@/assets/iconfont/图层 1.jpg" />
    <a-space wrap>
      <a-button type="" @click="go('/pageSub/button/index')">按钮组件</a-button>
      <a-button type="primary" @click="go('/pageSub/row/index')"
        >布局组件</a-button
      >
      <a-button type="primary" @click="go('/pageSub/icon/index')"
        >icon图标</a-button
      >
      <a-button type="primary" @click="go('/pageSub/card/index')"
        >卡片</a-button
      >
      <a-button type="primary" @click="go('/pageSub/popover/index')"
        >气泡</a-button
      >
      <a-button type="primary" @click="go('/pageSub/tag/index')">标签</a-button>
      <a-button type="primary" @click="go('/pageSub/Modal/index')"
        >对话框</a-button
      >
      <a-button type="primary" @click="go('/pageSub/more/index')"
        >显示更多</a-button
      >
      <a-button type="primary" @click="go('/pageSub/calendar/index')"
        >日历</a-button
      >
      <a-button type="primary" @click="go('/pageSub/alert/index')"
        >alert</a-button
      >
      <a-button type="primary" @click="go('/pageSub/Spin/index')"
        >spin</a-button
      >
      <a-button type="primary" @click="go('/pageSub/input/index')"
        >输入框</a-button
      >
      <a-button type="primary" @click="go('/pageSub/form/index')"
        >表单form</a-button
      >
      <a-button type="primary" @click="go('/pageSub/switch/index')"
        >开关</a-button
      >
      <a-button type="primary" @click="go('/pageSub/radio/index')"
        >单选框</a-button
      >
      <a-button type="primary" @click="go('/pageSub/image/index')"
        >图片</a-button
      >
      <a-button type="primary" @click="go('/pageSub/Checkbox/index')"
        >复选框</a-button
      >
      <a-button type="primary" @click="go('/pageSub/rate/index')"
        >评分</a-button
      >
      <a-button type="primary" @click="go('/pageSub/slide/index')"
        >滑块</a-button
      >
      <a-button type="primary" @click="go('/pageSub/textarea/index')"
        >文本域</a-button
      >
      <a-button type="primary" @click="go('/pageSub/divider/index')"
        >分割线</a-button
      >
      <a-button type="primary" @click="go('/pageSub/badge/index')"
        >徽章</a-button
      >
      <a-button type="primary" @click="go('/pageSub/Message/index')"
        >消息提示</a-button
      >
      <a-button type="primary" @click="go('/pageSub/Avatar/index')"
        >头像</a-button
      >
      <a-button type="primary" @click="go('/pageSub/popup/index')"
        >弹出层</a-button
      >
      <a-button type="primary" @click="go('/pageSub/Transition/index')"
        >动画</a-button
      >
      <a-button type="primary" @click="go('/pageSub/tabs/index')"
        >tabs</a-button
      >
      <a-button type="primary" @click="go('/pageSub/header/index')"
        >头部导航栏</a-button
      >
      <a-button type="primary" @click="go('/pageSub/Backtop/index')"
        >回到顶部</a-button
      >
      <a-button type="primary" @click="go('/pageSub/Statistic/index')"
        >数值显示</a-button
      >
      <a-button type="primary" @click="go('/pageSub/city/index')"
        >城市选择</a-button
      >
      <a-button type="primary" @click="go('/pageSub/inputNum/index')"
        >数字输入框</a-button
      >
      <a-button type="primary" @click="go('/pageSub/upload/index')"
        >图片上传</a-button
      >
    </a-space>
    <tabbar v-model:active="active">
      <tabbarItem :key="0" text="首页"></tabbarItem>
      <tabbarItem :key="1" text="信息"></tabbarItem>
      <tabbarItem :key="2" text="模版"></tabbarItem>
      <tabbarItem :key="3" text="我的"></tabbarItem>
    </tabbar>
  </view>
</template>

<script setup lang="ts" name="index">
import tabbar from "@/ArcoUni/components/tabbar/index.vue";
import tabbarItem from "@/ArcoUni/components/tabbar-item/index.vue";
import { ref } from "vue";

const active = ref(0);

function go(url: string) {
  uni.navigateTo({
    url,
  });
}
</script>

<style lang="scss">
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.logo {
  height: 200rpx;
  width: 200rpx;
  margin-top: 200rpx;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50rpx;
}

.title {
  font-size: 36rpx;
  color: #8f8f94;
}
</style>
